<!-- 标题 -->
<template>
  <h2 class="enter-x">
    {{ getFormTitle }}
  </h2>
</template>

<script setup>
import { computed } from "vue";
import { useLoginState } from "./useLogin";
import { i18n } from "@/locales/setupI18n";
const { getLoginState } = useLoginState();
const getFormTitle = computed(() => {
  const obj = {
    0: i18n.global.t("sys.login.sign"),
    1: i18n.global.t("sys.login.signUpFormTitle"),
    2: i18n.global.t("sys.login.forgetFormTitle"),
    3: i18n.global.t("sys.login.mobileSignInFormTitle"),
    4: i18n.global.t("sys.login.qrSignInFormTitle")
  };
  return obj[getLoginState.value];
});
</script>

<style lang="less" scoped></style>
